/* --reset start-- */
@charset "UTF-8";
*{
  margin:0;
  padding:0;
  border:0;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  /*-webkit-touch-callout:none;*/
  /*-webkit-user-select:none;*/
  outline:none;
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
}
*:after,*:before{
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}
html{
  width:100%;
  height:100%;
  /*background-color: #fff;*/
}
body{
  width:100%;
  height:100%;
  -webkit-text-size-adjust:none;
  letter-spacing: 1px;
}
input,select{
  -webkit-user-select:initial;
}
textarea{resize: none}
a:link,a:visited{text-decoration: none;}
ol,ul, li{list-style:none;}
a{ text-decoration:none;}
h1,h2,h3,h4,h5{font-weight:normal;}

.clear:after{
  content: "";
  display:block;
  clear: both;
}
/*---------提示框---------*/
.tips-template{
  position: absolute;
  top: 2vh;
  left: 50%;
  width: 240px;
  border-radius: 8px;
  margin-left: -120px;
  padding: 8px;
  background-color: #fef0f0;
  border:1px solid #fde4e1;
  color: #F56C6C;
  font-size: 16px;
  text-align: center;
}
/*-----------样式覆盖-----------------*/
.accordion{
  background-color: #EAEDF1;
  border: none;
}
.sidemenu .accordion-header .panel-title{
  font-size: 14px;
  font-weight: bold;
  height: 50px;
  line-height: 50px;
  font-family: "Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", STHeiti, "Microsoft YaHei";
}
.sidemenu .accordion-header .panel-title,.sidemenu .tree-title{
  color: #333;
}
.tree-folder,.tree-file{
  margin-right: 4px;
}
.sidemenu .tree-node-hover,.sidemenu .tree-node-selected{
  background-color: #F4F6F8;
}
.sidemenu .tree-node-selected{
  border-right: transparent;
  position: relative;
}
.sidemenu .tree-node-selected:after{
  display: inline-block;
  content: '';
  position: absolute;
  right: 0;
  border-width: 8px;
  top: 12px;
  border-style: solid;
  border-color: transparent #fff transparent transparent;
}
.sidemenu .accordion-header:hover{
  background-color: #f4f6f8;
}
.sidemenu .tree-title{
  padding-left: 24px;
  font-size: 14px;
  font-family: "Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", STHeiti, "Microsoft YaHei";
}
.panel{
  /*padding: 8px;*/
}
.panel-with-icon{
  padding-left: 32px;
}
.panel-icon{
  left: 8px;
  color: #fff;
}
.panel-tool a:hover{
  background-color: transparent;
}
.panel-tool-close{
  background: url('../libs/jeasyui-188/themes/default/images/tagbox_icons.png') no-repeat -16px center;
}
.panel-body{
  border-width: 0;
  border-style: none;
}
.easyui-linkbutton{
  width: 80px;
  background: #2d8cf0;
  color: #fff;
  border: 1px solid #2d8cf0;
}
.easyui-linkbutton.default{
  background: #fff;
  color: #515a6e;
  border: 1px solid #dcdee2;
}
.l-btn:hover{
  background: #2d8cf0;
  color: #fff;
  border: 1px solid #2d8cf0;
}
.l-btn.default:hover{
  background: #fff;
  color: #515a6e;
  border: 1px solid #dcdee2;
}
.datagrid-body td{
  border-style: solid;
  border-width: 0;
  border-bottom-width: 1px;
  border-color: #e8eaec;
}
.datagrid-toolbar{
  padding: 0;
}
/*弹框样式覆盖*/
.window,.panel-header{
  border: none;
  border-color: #2097F3;
  background-color:#fff;
  padding: 0;
}
.window .window-body{
  width: 100% !important;
  border: 0;
  padding: 10px !important;
}
.window-mask{
  background-color: rgba(0,0,0,.7);
}
.window .window-header{
  background: #fff;
  padding: 10px;
  border-bottom: 1px solid #e8eaec;
}
.panel-title{
  color: #333;
}
.dialog-button{
  background: #fff;
  border-width: 0;
  border-top: 1px solid #e8eaec;
  width: 100% !important;
  text-align: right;
  padding: 8px 16px;
}
.dialog-button .l-btn{
  background: #2097F3;
  border: 1px solid #2180f3;
  color: #fff;
  width: 80px;
}
.dialog-button .l-btn+.l-btn{
  color: #333;
  background-color: #fff;
  border: 1px solid #ddd;
}
.window .window-header .panel-tool{
  right: 10px;
  top: 22px;
}
  /*-----------index.html css------------*/
.container{
  width: 100%;
  height: 100%;
}
/*header*/
.container .header-wrap{
  width: 100%;
  height: 40px;
  background-color: #2097F3;
  position: fixed;
  top: 0;
  padding: 0 1%;
}
.header-wrap .header-left{
  float: left;
  height: 40px;
}
.header-wrap .header-left img{
  height: 16px;
  position: relative;
  top: 1px;
  padding-right: 10px;
}
.header-wrap .header-left span{
  display: inline-block;
  font-size: 20px;
  line-height: 40px;
  letter-spacing: 2px;
  color: #ffffff;
  /*padding-left: 1%;*/
}
.header-wrap .header-right{
  float: right;
}
.header-right span{
  color: #ffffff;
  font-size: 14px;
  display: inline-block;
  margin: 11px 0;
}
.header-right span#logout{
  padding-left: 10px;
  border-left: 1px solid #ddd;
}
.header-right span#username{
  padding-right: 10px;
}
/*menu*/
.container .menu-wrap{
  width: 240px;
  position: fixed;
  top: 40px;
  left: 0;
  background-color: #EAEDF1;
  height: 100%;
  overflow-y: auto;
}
.container .work-wrap{
  padding-left: 200px;
  padding-top: 40px;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #f5f7f9;
}
iframe{
  width: 100%;
  height: 100%;
  border: none;
  margin: 0;
}
/*布局模板样式*/
#barWrap{
  width: 100%;
  padding: 5px 10px;
  background-color: #e9f1f9;
}
.search-item{
  display: inline-block;
  background-color: #dbedfd;
  border: 1px solid #e5e9ed;
  border-radius: 5px;
  padding: 5px 10px;
  margin-right: 10px;
  font-size: 14px;
}
.search-item input{
  margin-left: 5px;
  margin-right: 10px;
  padding: 2px;
}
#barWrap>a{
  margin-right: 10px;
}
/*--通用界面样式--*/
.container-wrap{
  margin: 10px;
  border-bottom: 1px solid #d5d9d9;
  height: calc(100% - 20px);
  background-color: #f5f7f9;
}
.container-tit{
  background: #fff;
  height: 40px;
  line-height: 40px;
  margin-bottom: 8px;
}
.container-tit h1{
  font-size: 16px;
  font-weight: normal;
  padding-left: 10px;
}
.sreach{
  background: #fff;
  padding: 16px 8px;
  /*height: 58px;*/
  position: relative;
}
.sreach:after{
  display: block;
  content: '';
  clear: both;
}
.sreach .bar-btn{
  float: right;
}
.sreach ._item{
  border: 1px solid #E7E7E7;
  display: inline-block;
  margin-left: 8px;
}
.sreach .textbox-label{
  font-size: 14px;
  /*background-color: #DBEDFC;*/
  /*border-right: 1px solid #E7E7E7;*/
  text-align: center !important;
}
.sreach .textbox{
  border: 1px solid #dcdee2;
  border-radius: 4px;
}
.sreach .textbox .textbox-text{
  border-radius: 0;
}
.sreach .time-box,.sreach .input-box{
  display: inline-block;
  /*border: 1px solid #ddd;*/
  padding: 4px;
  /*background-color: #DBEDFC;*/
  border-radius: 4px;
  /*margin: 5px 10px 5px 0;*/
}
.sreach .time-box .textbox{
  width: 120px !important;
}
.textbox .textbox-bgicon{
  padding-left: 4px;
}
#mainGrid{
  width: 100%;
}
.form-wrap{
  width: 80%;
  margin: 0 auto;
}
.form-wrap tr td{
  padding-bottom: 8px;
  width: 50%;
}
.form-wrap tr td label{
  color: #666;
}
.fieldset-padding{
  border: 1px solid #ddd;
  border-radius: 5px;
  margin-bottom: 10px;
  padding: 10px;
}
.fieldset-padding legend{
  background: #89c06d;
  color: white;
  border-radius: 3px;
  padding: 3px 5px;
}

.draft legend{
  background: #d1dade;
  color: white;
  border-radius: 3px;
  padding: 3px 5px;
  margin-left: 10%;
  margin-right: 10%;
}
.deploy legend{
  background: #e3a72d;
  color: white;
  border-radius: 3px;
  padding: 3px 5px;
  margin-left: 10%;
  margin-right: 10%;
}

.running legend{
  background: #89c06d;
  color: white;
  border-radius: 3px;
  padding: 3px 5px;
  margin-left: 10%;
  margin-right: 10%;
}

.exception legend{
  background: #c02210;
  color: white;
  border-radius: 3px;
  padding: 3px 5px;
  margin-left: 10%;
  margin-right: 10%;
}
.datagrid-row{
  height: 40px;
}
.datagrid-view:before{
  content: '';
  display: inline-block;
  width: 100%;
  height: 2px;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1005;
}
.datagrid-header{
  background-color: #fff;
}
.datagrid-header td,.datagrid-body td{
  border-width: 0 0 1px 0;
  background-color: #fff;
}
.datagrid-td-rownumber{
  background: #fff !important;
}
.datagrid-btable,.datagrid-header-inner,.datagrid-htable{
  width: 100%;
  color: #161c29;
}
.datagrid-htable{
  font-weight: bold;
}
.datagrid-body>.datagrid-btable>tbody>tr.datagrid-row:nth-child(odd){
  background-color: #fff;
}
.datagrid-row:hover td{
  background-color: #ebf7ff;
}
.datagrid-row-alt{
  background-color: #fff;
}
.datagrid-row-selected{
  background: #92c5fb !important;
  color: #515a6e;
}
.datagrid-row-selected td{
  background: #92c5fb !important;
}
/*表单 -- 密码*/
.password{
  display: inline-block;
  width: 100px;
  height: 30px;
  line-height: 30px;
  text-align: left;
  color: #666;
  padding-right: 5px;
  font-size: 14px;
}
.password+input[type=password]{
  height: 30px;
  line-height: 30px;
  width: 200px;
  font-size: 14px;
  color: #aaa;
  padding: 0 4px;
  border: 1px solid #95B8E7;
  background-color: #fff;
  vertical-align: middle;
  display: inline-block;
  border-radius: 5px 5px 5px 5px;
}
.password+input[type=password]:focus{
  border-color: #6b9cde;
  box-shadow: 0 0 3px 0 #95B8E7;
}
.password+input[type=password].validatebox-invalid{
  border-color: #ffa8a8;
  background-color: #fff3f3;
}
/*系统参数配置*/
.param-wrap{
  height: 100%;
}
.param-wrap:after{
  display: block;
  content: '';
  clear: both;
}
.param-wrap ._left{
  width: 200px;
  display: inline-block;
  padding: 10px;
  height: 100%;
  padding-right: 0;
}
.param-wrap ._left>div{
  border: 1px solid #ddd;
  border-radius: 4px;
  height: 100%;
}
.param-wrap ._left p{
  line-height: 32px;
  background-color: #f7f7f7;
  color: #333;
  padding: 0 8px;
}
.param-wrap ._left ul li{
  line-height: 28px;
  color: #999;
  cursor: pointer;
  padding: 0 8px;
}
.param-wrap ._left ul li:active,.param-wrap ._left ul li.active{
  background-color: #95B8E7;
  color: #fff;
}
.param-wrap ._right{
  /*height: 100%;*/
  float: right;
  width: calc(100% - 220px);
}
.param-wrap ._left .panel-header{
  padding:5px;
}
/*用户--新增签名*/
#imgcontainer{
  display: inline-block;
  height: 30px;
  vertical-align: middle;
  padding-left: 16px;
}
#imgcontainer img{
  height: 100%;
  width: auto;
}
#iconView{
  color: #000;
  font-size: 16px;
}